<!doctype html>
<html lang="zh-CN">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
        <meta name="renderer" content="webkit" />
	    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width,height=device-height">
        <title>首页</title>
        <link href="favicon.ico" rel="shortcut icon">
        <link rel="stylesheet" href="css/common/swiper.css">
        <link rel="stylesheet" href="css/common/base.css">
        <link rel="stylesheet" href="css/common/animation.css">
        <link rel="stylesheet" href="css/common/media.css">
        <link rel="stylesheet" href="css/index.css">
        <script src="js/common/loading.js"></script>
    </head>
    <body>
        <div id="loadingDiv"></div>
        <div class="container">
            <header>
                <div class="top">
                    <a href="index.html" class="logo"><img src="img/common/logo.png" alt="logo"></a>
                    <div class="flex flex-align-items flex-justify-content menuBtn border ready cursor">
                        <span></span>
                        <span></span>
                        <span></span>
                        <i class="hor tp"></i>
                        <i class="ver rht"></i>
                        <i class="hor btm"></i>
                        <i class="ver lft"></i>
                    </div>
                </div>
                <ul class='menu flex'>
                    <li>
                        <div class='box'>
                            <a href="index.html">首页</a>
                        </div>
                    </li>
                    <li>
                        <div class='box'>
                            <a href="about.html">关于展鹏</a>
                        </div>
                    </li>
                    <li>
                        <div class='box'>
                            <a href="product.html">产品中心</a>
                            <div class="sonMenu">
                                <a href="product.html">液压柱塞泵</a>
                                <a href="product.html">液压马达</a>
                                <a href="product.html">液压阀</a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class='box'>
                            <a href="news.html">新闻中心</a>
                            <div class="sonMenu">
                                <a href="news.html">公司新闻</a>
                                <a href="news.html">行业新闻</a>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class='box'>
                            <a href="contact.html">联系我们</a>
                        </div>
                    </li>
                </ul>
                <div class="blkCover">
                    <p></p>
                    <p></p>
                    <p></p>
                    <p></p>
                    <p></p>
                    <p></p>
                </div>
            </header>
            <main>
                <div class="screenLines">
                    <i></i>
                    <i></i>
                    <i></i>
                    <i></i>
                    <i></i>
                    <i class="hor"></i>
                </div>
                <div class="sideMenu">
                    <div class="op">
                        <p class="name">首页</p>
                    </div>
                    <div class="op">
                        <p class="name">产品推荐</p>
                        <div class="sonMenu">
                            <ul class="inner">
                                <li>液压柱塞泵</li>
                                <li>液压马达</li>
                                <li>液压阀</li>
                            </ul>
                        </div>
                        
                    </div>
                    <div class="op">
                        <p class="name">厂区风貌</p>
                    </div>
                    <div class="op">
                        <p class="name">新闻</p>
                    </div>
                    <div class="op">
                        <p class="name">联系我们</p>
                    </div>
                </div>
                <section class="about">
                    <div class="content">
                        <div class="txt">
                            <img src="img/index/aboutTimg.png" alt="文字图片">
                            <p class="t">浙江展鹏液压科技科技有限公司，是一家集研发，生产，销售和维修为一体的现代化企业。</p>
                            <a href="about.html" class="flex-align-items l">
                                <div class="arrow">
                                    <img src="img/common/arrow.png" alt="白色箭头">
                                    <img src="img/common/arrow_blk.png" alt="黑色箭头">
                                </div>
                                <span>关于展鹏</span>
                            </a>
                        </div>
                        <div class="categories">
                            <a href="product.html" class="flex flex-align-items border">
                                <span>液压柱塞泵</span>
                                <i class="hor tp"></i>
                                <i class="ver rht"></i>
                                <i class="hor btm"></i>
                                <i class="ver lft"></i>
                            </a>
                            <a href="product.html" class="flex flex-align-items border">
                                <span>液压马达</span>
                                <i class="hor tp"></i>
                                <i class="ver rht"></i>
                                <i class="hor btm"></i>
                                <i class="ver lft"></i>
                            </a>
                            <a href="product.html" class="flex flex-align-items border">
                                <span>液压阀门</span>
                                <i class="hor tp"></i>
                                <i class="ver rht"></i>
                                <i class="hor btm"></i>
                                <i class="ver lft"></i>
                            </a>
                        </div>
                        <div class="arrow rotate cursor">
                            <img src="img/common/arrow.png" alt="白色箭头">
                            <img src="img/common/arrow_blk.png" alt="黑色箭头">
                        </div>
                    </div>
                </section>
                <section class="proRcmd ready overHalf">
                    <div class="content">
                        <div class=purpose>
                            <p class=>01</p>
                            <p>用于开式回路</p>
                        </div>
                        <div class="btns flex">
                            <p class="cursor prev"><img src="img/common/prev.png" alt="prev图标"></p>
                            <p class="cursor next"><img src="img/common/next.png" alt="next图标"></p>
                        </div>
                        <div class="choose flex">
                            <div class="op">
                                <p class="circle"></p>
                                <p class="order"></p>
                            </div>
                            <div class="op">
                                <p class="circle"></p>
                                <p class="order"></p>
                            </div>
                            <div class="op">
                                <p class="circle"></p>
                                <p class="order"></p>
                            </div>
                            <div class="op">
                                <p class="circle"></p>
                                <p class="order"></p>
                            </div>
                        </div>
                        <div class="opacitySwiper">
                            <img src="img/index/yyzsb1.png" class="obj-c" alt="产品图">
                            <img src="img/index/yyzsb2.png" class="obj-c" alt="产品图">
                            <img src="img/index/yyzsb1.png" class="obj-c" alt="产品图">
                            <img src="img/index/yyzsb2.png" class="obj-c" alt="产品图">
                        </div>
                        <div class="descFlip">
                            <div class="item">
                                <p class='itemTtl'>柱塞泵</p>
                                <ul>
                                    <li>斜盘式轴向柱塞变量泵,用于开式回路液压传动。</li>
                                    <li>主要用于工程机械领域。</li>
                                    <li>多种控制,满足不同的操作要求。</li>
                                </ul>
                            </div>
                        </div>
                        <a href="product.html" class="l">
                            <span>查看更多</span>
                            <p class="box"></p>
                        </a>
                    </div>
                </section>
                <section class="proRcmd ready overHalf">
                    <div class="content">
                        <div class=purpose>
                            <p class=>01</p>
                            <p>用于开式回路</p>
                        </div>
                        <div class="btns flex">
                            <p class="cursor prev"><img src="img/common/prev.png" alt="prev图标"></p>
                            <p class="cursor next"><img src="img/common/next.png" alt="next图标"></p>
                        </div>
                        <div class="choose flex">
                            <div class="op">
                                <p class="circle"></p>
                                <p class="order"></p>
                            </div>
                            <div class="op">
                                <p class="circle"></p>
                                <p class="order"></p>
                            </div>
                            <div class="op">
                                <p class="circle"></p>
                                <p class="order"></p>
                            </div>
                            <div class="op">
                                <p class="circle"></p>
                                <p class="order"></p>
                            </div>
                        </div>
                        <div class="opacitySwiper">
                            <img src="img/index/yyzsb1.png" class="obj-c" alt="产品图">
                            <img src="img/index/yyzsb2.png" class="obj-c" alt="产品图">
                            <img src="img/index/yyzsb1.png" class="obj-c" alt="产品图">
                            <img src="img/index/yyzsb2.png" class="obj-c" alt="产品图">
                        </div>
                        <div class="descFlip">
                            <div class="item">
                                <p class='itemTtl'>柱塞泵</p>
                                <ul>
                                    <li>斜盘式轴向柱塞变量泵,用于开式回路液压传动。</li>
                                    <li>主要用于工程机械领域。</li>
                                    <li>多种控制,满足不同的操作要求。</li>
                                </ul>
                            </div>
                        </div>
                        <a href="product.html" class="l">
                            <span>查看更多</span>
                            <p class="box"></p>
                        </a>
                    </div>
                </section>
                <section class="proRcmd ready overHalf">
                    <div class="content">
                        <div class=purpose>
                            <p class=>01</p>
                            <p>用于开式回路</p>
                        </div>
                        <div class="btns flex">
                            <p class="cursor prev"><img src="img/common/prev.png" alt="prev图标"></p>
                            <p class="cursor next"><img src="img/common/next.png" alt="next图标"></p>
                        </div>
                        <div class="choose flex">
                            <div class="op">
                                <p class="circle"></p>
                                <p class="order"></p>
                            </div>
                            <div class="op">
                                <p class="circle"></p>
                                <p class="order"></p>
                            </div>
                            <div class="op">
                                <p class="circle"></p>
                                <p class="order"></p>
                            </div>
                            <div class="op">
                                <p class="circle"></p>
                                <p class="order"></p>
                            </div>
                        </div>
                        <div class="opacitySwiper">
                            <img src="img/index/yyzsb1.png" class="obj-c" alt="产品图">
                            <img src="img/index/yyzsb2.png" class="obj-c" alt="产品图">
                            <img src="img/index/yyzsb1.png" class="obj-c" alt="产品图">
                            <img src="img/index/yyzsb2.png" class="obj-c" alt="产品图">
                        </div>
                        <div class="descFlip">
                            <div class="item">
                                <p class='itemTtl'>柱塞泵</p>
                                <ul>
                                    <li>斜盘式轴向柱塞变量泵,用于开式回路液压传动。</li>
                                    <li>主要用于工程机械领域。</li>
                                    <li>多种控制,满足不同的操作要求。</li>
                                </ul>
                            </div>
                        </div>
                        <a href="product.html" class="l">
                            <span>查看更多</span>
                            <p class="box"></p>
                        </a>
                    </div>
                </section>
                <section class="facEnvrmt cl cs">
                    <div class="imgSwitch flex">
                        <p class="pic"><img src="img/index/fac1.jpg" class="obj-c" alt="工厂风貌切换图"></p>
                        <p class="pic"><img src="img/index/fac2.jpg" class="obj-c" alt="工厂风貌切换图"></p>
                        <p class="pic"><img src="img/index/fac1.jpg" class="obj-c" alt="工厂风貌切换图"></p>
                        <p class="pic"><img src="img/index/fac2.jpg" class="obj-c" alt="工厂风貌切换图"></p>
                    </div>
                    <div class="ttl">
                        <p class='chn'>厂区风貌</p>
                        <p class="eng">THE PLANT LANDSCAPE</p>
                    </div>
                    <div class="parts ready overself flex">
                        <div class="box flex">
                            <div class="sTtl">
                                <p class="flex flex-align-items border">
                                    <span>加工中心</span>
                                    <i class="hor tp"></i>
                                    <i class="ver rht"></i>
                                    <i class="hor btm"></i>
                                    <i class="ver lft"></i>
                                </p>
                            </div>
                            <div class="inner">
                                <p class="tip">
                                    全自动综合加工中心<br>
                                    为您提供更优良的产品
                                </p>
                            </div>
                        </div>
                        <div class="box flex">
                            <div class="sTtl">
                                <p class="flex flex-align-items border">
                                    <span>三维坐标仪</span>
                                    <i class="hor tp"></i>
                                    <i class="ver rht"></i>
                                    <i class="hor btm"></i>
                                    <i class="ver lft"></i>
                                </p>
                            </div>
                            <div class="inner">
                                <p class="tip">
                                    全自动综合加工中心<br>
                                    为您提供更优良的产品
                                </p>
                            </div>
                        </div>
                        <div class="box flex">
                            <div class="sTtl">
                                <p class="flex flex-align-items border">
                                    <span>综合测试台</span>
                                    <i class="hor tp"></i>
                                    <i class="ver rht"></i>
                                    <i class="hor btm"></i>
                                    <i class="ver lft"></i>
                                </p>
                            </div>
                            <div class="inner">
                                <p class="tip">
                                    全自动综合加工中心<br>
                                    为您提供更优良的产品
                                </p>
                            </div>
                        </div>
                        <div class="box flex">
                            <div class="sTtl">
                                <p class="flex flex-align-items border">
                                    <span>研发团队</span>
                                    <i class="hor tp"></i>
                                    <i class="ver rht"></i>
                                    <i class="hor btm"></i>
                                    <i class="ver lft"></i>
                                </p>
                            </div>
                            <div class="inner">
                                <p class="tip">
                                    全自动综合加工中心<br>
                                    为您提供更优良的产品
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="arrow rotate blk cursor">
                        <img src="img/common/arrow.png" alt="白色箭头">
                        <img src="img/common/arrow_blk.png" alt="黑色箭头">
                    </div>
                </section>
                <section class="news cl cb cs">
                    <div class="txt">
                        <a href="news.html" class="ttl">
                            <p class='chn'>新闻</p>
                            <p class="eng">NEWS</p>
                        </a>
                        <div class="newsSwiper">
                            <div class="item">
                                <p class="newsTtl">新闻标题</p>
                                <p class="t">浙江展鹏液压科技科技有限公司，是一家集研发，生产，销售和维修为一体的现代化企业。</p>
                                <a href="newsInfo.html" class="flex-align-items l">
                                    <div class="arrow blk">
                                        <img src="img/common/arrow.png" alt="白色箭头">
                                        <img src="img/common/arrow_blk.png" alt="黑色箭头">
                                    </div>
                                    <span>查看详情</span>
                                </a>
                            </div>
                            <div class="item">
                                <p class="newsTtl">新闻标题</p>
                                <p class="t">浙江展鹏液压科技科技有限公司，是一家集研发，生产，销售和维修为一体的现代化企业。浙江展鹏液压科技科技有限公司，是一家集研发，生产，</p>
                                <a href="newsInfo.html" class="flex-align-items l">
                                    <div class="arrow blk">
                                        <img src="img/common/arrow.png" alt="白色箭头">
                                        <img src="img/common/arrow_blk.png" alt="黑色箭头">
                                    </div>
                                    <span>查看详情</span>
                                </a>
                            </div>
                            <div class="item">
                                <p class="newsTtl">新闻标题</p>
                                <p class="t">浙江展鹏液压科技科技有限公司，是一家集研发，生产，销售和维修为一体的现代化企业。浙江展鹏液压科技科技有限公司，是一家集研发，生产，浙江展鹏液压科技科技有限公司，是一家集研发，生产，销售和维修为一体的现代化企业。浙江展鹏液压科技科技有限公司，是一家集研发，生产，</p>
                                <a href="newsInfo.html" class="flex-align-items l">
                                    <div class="arrow blk">
                                        <img src="img/common/arrow.png" alt="白色箭头">
                                        <img src="img/common/arrow_blk.png" alt="黑色箭头">
                                    </div>
                                    <span>查看详情</span>
                                </a>
                            </div>
                            <div class="item">
                                <p class="newsTtl">新闻标题</p>
                                <p class="t">浙江展鹏液压科技科技有限公司，是一家集</p>
                                <a href="newsInfo.html" class="flex-align-items l">
                                    <div class="arrow blk">
                                        <img src="img/common/arrow.png" alt="白色箭头">
                                        <img src="img/common/arrow_blk.png" alt="黑色箭头">
                                    </div>
                                    <span>查看详情</span>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="imgSwitch">
                        <img src="img/index/newsPic1.jpg" class="obj-c" alt="新闻配图">
                        <img src="img/index/aboutBg.jpg" class="obj-c" alt="新闻配图">
                        <img src="img/index/newsPic1.jpg" class="obj-c" alt="新闻配图">
                        <img src="img/index/aboutBg.jpg" class="obj-c" alt="新闻配图">
                    </div>
                    <div class="btns blk flex">
                        <p class="cursor prev">
                            <img src="img/common/prev.png" alt="prev图标">
                            <img src="img/common/prev_blk.png" alt="黑色prev图标">
                        </p>
                        <p class="cursor next">
                            <img src="img/common/next.png" alt="next图标">
                            <img src="img/common/next_blk.png" alt="黑色next图标">
                        </p>
                    </div>
                    <div class="blue"></div>
                </section>
                <section class="contact cl cb cs">
                    <div class="content flex">
                        <div class="ttl">
                            <p class='chn'>联系我们</p>
                            <p class="eng">CONTACT US</p>
                        </div>
                        <div class="methods flex">
                            <div class="box border">
                                <p class="ctctTtl">地址</p>
                                <ul>
                                    <li>宁波市鄞州区云龙镇鸣凤路6号</li>
                                </ul>
                                <i class="hor tp"></i>
                                <i class="ver rht"></i>
                                <i class="hor btm"></i>
                                <i class="ver lft"></i>
                            </div>
                            <div class="box border">
                                <p class="ctctTtl">负责人联系方式</p>
                                <ul>
                                    <li>史文科：13777048718</li>
                                    <li>张银萍：18657419992</li>
                                    <li>固话：0574-88321625</li>
                                </ul>
                                <i class="hor tp"></i>
                                <i class="ver rht"></i>
                                <i class="hor btm"></i>
                                <i class="ver lft"></i>
                            </div>
                            <div class="box border">
                                <p class="ctctTtl">邮箱</p>
                                <ul>
                                    <li>1540907844@qq.com</li>
                                </ul>
                                <i class="hor tp"></i>
                                <i class="ver rht"></i>
                                <i class="hor btm"></i>
                                <i class="ver lft"></i>
                            </div>
                        </div>
                        <a href="contact.html" class="flex-align-items l">
                            <div class="arrow blk">
                                <img src="img/common/arrow.png" alt="白色箭头">
                                <img src="img/common/arrow_blk.png" alt="黑色箭头">
                            </div>
                            <span>到这去</span>
                        </a>
                    </div>
                    <div class="blue"></div>
                </section>
            </main>
            <footer>
                <nav>
                    <a href="index.html">首页</a>
                    <a href="about.html">关于展鹏</a>
                    <a href="product.html">产品中心</a>
                    <a href="news.html">新闻中心</a>
                    <a href="contact.html">联系我们</a>
                </nav>
                <p class='rs'>
                    <span>Copyright © 宁波穿石网络科技有限公司 All rights reserved</span>
                    <span>技术支持：穿石科技</span>
                </p>
            </footer>
        </div>
        
        <script src="js/common/swiper.js"></script>
        <script src="js/common/jquery.js"></script>
        <script src="js/common/common.js"></script>
        <script src="js/common/animation.js"></script>
        <script src="js/index.js"></script>
    </body>
</html>